﻿
@{
    Layout = null;
}
@using System.Data;
<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>BookList</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8" />
    <meta name="keywords" content="Diversity Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
	SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
    <script>
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <!-- Custom Theme files -->

    <link href="~/css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
    <!-- custom css -->
    <link href="~/css/style.css" type="text/css" rel="stylesheet" media="all">
    <!-- font-awesome icons -->
    <link href="~/css/font-awesome.min.css" rel="stylesheet">
    <!-- //Custom Theme files -->
    <!-- online-fonts -->
    <link href="//fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i" rel="stylesheet">
</head>
<body>
    <!-- banner -->
    <section class="banner d-flex flex-column justify-content-center align-items-center">
        <h1><a href="index.html" class="logo-wthreepvt">在线预约</a></h1>
        <h2 class="home-banner-w3"><a class="btn" href="Index">返回</a> </h2>
    </section>

    <section class="screens-home-grid about-wthree">
        <div class="container">
            <h3 class="text-center">预约列表</h3>
            <div class="row">
                <div class="col-lg-10 mx-auto">
                    <div class="row">
                        @{
                            DataTable dt = ViewBag.dt as DataTable;
                            for (int i = 0; i < dt.Rows.Count; i++)
                            {
                                <div class="col-lg-6 mb-lg-0 mb-4">
                                    <div class="screen-grid-wthree-pvt">
                                        <a href="cookster.html" target="_blank">
                                            @dt.Rows[i]["ProjectName"]

                                        </a>
                                    </div>

                                </div>
                            }
                        }

                    </div>
                </div>
            </div>

        </div>
    </section>
    <input type="hidden" id="UserDId" value="@ViewBag.UserDId" />

    <footer class="cpy-right text-center">
        <p class="text-white">
            © 2020 张掖大地信息科技有限责任公司. All rights reserved | Design by
            @*More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>*@
        </p>
    </footer>
    <!-- //footer -->
    <!-- js -->
    <script src="~/js/jquery-2.2.3.min.js"></script>
    <!-- //js -->
    <!-- start-smooth-scrolling -->
    <script src="~/js/move-top.js"></script>
    <script src="~/js/easing.js"></script>
    <script>
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();

                $('html,body').animate({
                    scrollTop: $(this.hash).offset().top
                }, 1000);
            });
        });
    </script>
    <!-- //end-smooth-scrolling -->
    <!-- smooth-scrolling-of-move-up -->
    <script>
        $(document).ready(function () {
            /*
            var defaults = {
                containerID: 'toTop', // fading element id
                containerHoverID: 'toTopHover', // fading element hover id
                scrollSpeed: 1200,
                easingType: 'linear'
            };
            */
            $().UItoTop({
                easingType: 'easeOutQuart'
            });

        });
    </script>
    <script src="~/js/SmoothScroll.min.js"></script>
    <!-- //smooth-scrolling-of-move-up -->
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="~/js/bootstrap.js"></script>
    <script type="text/javascript">
        function book(id,name) {
            var url = '@Url.Action("Booking","Book")';
            var projectid = id;
            var projectname = name;
            var duserid = $("#UserDid").val();
            var param = {
                projectid: projectid,
                projectname: projectname,
                duserid: duserid,

            }
            $.post(url, param, function () {
                if (data == "Success") {
                    alert("预约成功");
                }
                else {

                }
            });

        }
    </script>
</body>
</html>
